import axios from 'axios'
import { message } from 'ant-design-vue'

//创建 Axios 实例
const myAxios = axios.create({
  /*
  如果前端需要请求代理的话，则需要将 baseUrl配置为前端地址，或者为空
   */
  baseURL: 'http://localhost:8123',
  timeout: 60000,
  withCredentials: true, //允许携带cookie
})
// 添加请求拦截器
axios.interceptors.request.use(
  function (config) {
    console.log('请求拦截器：' + config.baseURL)
    // 在发送请求之前做些什么
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  },
)

// 添加响应拦截器
myAxios.interceptors.response.use(
  function (response) {
    const { data } = response
    console.log('响应拦截器：' + data.code)
    //如果用户未登录，则跳转到登录页面
    if (data.code === 40100) {
      if (
        /*
        如果当前页面不是登录页面，并且当前页面不是获取登录信息的页面，则跳转到登录页面
         */
        !response.request.responseURL.includes('user/get/login') &&
        !window.location.pathname.includes('/user/login')
      ) {
        message.warn('用户未登录，请先登录')
        /*
        跳转到登录页面，并且将当前页面的地址保存到url中，方便登录成功后跳转
         */
        window.location.href = `/user/login?redirect=${window.location.href}`
      }
    }
    if (data.code === 50000) {
      //处理服务器异常
      //message ant-design-vue的组件，可以打印一个异常到页面
      message.error('服务器异常，请稍后重试')
    }

    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error)
  },
)

export default myAxios
